<%@ page language="java" errorPage="/error.jsp" pageEncoding="UTF-8"
         contentType="text/html;charset=utf-8" %>
<%@ include file="/common/taglibs.jsp" %>

<s:action name="product!view" var="view" executeResult="false">
    <s:param name="id">${param.productId}</s:param>
</s:action>


<head>
    <title>详细商品列表</title>
</head>
<body>
<div id="wrapper">
    <c:set var="left">product</c:set>
    <%@ include file="/include/left/operation.jsp" %>

    <s:action name="product-item!search" var="productItemList" executeResult="false">
        <s:param name="query.productId">${view.product.id}</s:param>
        <s:param name="query.enabled">true</s:param>
        <s:param name="query.order">addTime</s:param>
        <s:param name="query.desc">true</s:param>
        <s:param name="query.pagesize">10</s:param>
    </s:action>

    <div id="page-wrapper" class="gray-bg">

        <div class="row wrapper border-bottom white-bg page-heading">
            <div class="col-lg-10">
                <h2>详细商品列表</h2>
                <ol class="breadcrumb">
                    <li>
                        <a href="${ctx}/product/">运营管理</a>
                    </li>
                    <li>
                        <a>详细商品管理</a>
                    </li>
                    <li class="active">
                        <strong>详细商品列表</strong>
                    </li>
                </ol>
            </div>
            <div class="col-lg-2 m-add-new">
                <a href="${ctx}/productItem/add?productId=${view.product.id}" class="btn btn-info"><i class="glyphicon glyphicon-plus"></i> 添加</a>
            </div>
        </div>

        <div class="wrapper wrapper-content animated fadeInRight ecommerce">
            <form action="${ctx}/productItem/" method="get" class="shaix">
                <div class="ibox-content m-b-sm border-bottom">
                    <div class="row">

                        <input type="hidden"  name="productId" value="${view.product.id}">

                        <div class="col-sm-2">
                            <div class="form-group">
                                <label class="control-label" for="title">详细商品标题</label>
                                <input type="text" id="title" name="query.title" value="${query.title}"
                                       placeholder="请输入详细商品标题"
                                       class="form-control">

                            </div>
                        </div>

                    <%--<div class="col-sm-4">--%>
                        <%--<div class="form-group">--%>
                        <%--<label class="control-label" for="status">Status</label>--%>
                        <%--<select name="status" id="status" class="form-control">--%>
                        <%--<option value="1" selected="">Enabled</option>--%>
                        <%--<option value="0">Disabled</option>--%>
                        <%--</select>--%>
                        <%--</div>--%>
                        <%--</div>--%>
                        <div class="col-sm-12">
                            <input type="submit" class="btn btn-sm btn-primary" value="查询"/>
                        </div>
                    </div>

                </div>
            </form>


            <div class="row">
                <div class="col-lg-12">
                    <div class="ibox">
                        <div class="ibox-content">

                            <table class="footable table table-striped table-hover toggle-arrow-tiny default breakpoint footable-loaded"
                                   data-page-size="15">
                                <thead>
                                <tr>

                                    <th data-toggle="true" class="footable-visible footable-first-column footable-sortable">添加时间<span class="footable-sort-indicator"></span></th>
                                    <th data-hide="phone" class="footable-visible footable-sortable">详细商品标题<span class="footable-sort-indicator"></span></th>
                                    <th data-hide="all" class="footable-sortable">价格<span class="footable-sort-indicator"></span></th>
                                    <th data-hide="all" class="footable-sortable">状态<span class="footable-sort-indicator"></span></th>
                                    <th data-hide="all" class="footable-sortable">主图片<span class="footable-sort-indicator"></span></th>
                                    <th class="text-right footable-visible footable-last-column" data-sort-ignore="true">操作</th>

                                </tr>
                                </thead>
                                <tbody>

                                <s:iterator value="%{#productItemList.productItems}" status="rowStatus" var="productItem">
                                    <tr class="footable-even" style="">
                                        <td class="footable-visible">
                                            <s:date name="%{addTime}" format="yyyy-MM-dd HH:mm"></s:date>
                                        </td>
                                        <td data-toggle="tooltip" data-placement="bottom"
                                            class="footable-visible footable-first-column">
                                                ${title}
                                        </td>

                                        <td class="footable-visible">${price}</td>
                                        <td class="footable-visible">
                                            <c:if test="${state ==0}">下架</c:if>
                                            <c:if test="${state ==1}">上架</c:if>
                                        </td>
                                        <td class="footable-visible"><img class="sm" src="${img}!icon.jpg" style="width: 30px"></td>
                                            <%--<td class="footable-visible">--%>
                                            <%--<span class="label label-primary">Enable</span>--%>
                                            <%--&lt;%&ndash;<span class="label label-warning">Enable</span>&ndash;%&gt;--%>
                                            <%--&lt;%&ndash;<span class="label label-danger">Disabled</span>&ndash;%&gt;--%>
                                            <%--</td>--%>
                                        <td class="text-right footable-visible footable-last-column">
                                            <div class="btn-group">
                                                <button class="btn-info btn btn-xs" onclick="window.location='${ctx}/productItem/edit/${id}?productId=${view.product.id}'">编辑</button>
                                                <button class="btn-danger btn btn-xs" onclick="deleteData('确定要删除吗','product-item','${id}','${ctx}');">删除</button>
                                            </div>
                                        </td>
                                    </tr>

                                </s:iterator>
                                </tbody>


                            </table>
                            <c:set var="href">productId=${view.product.id}&</c:set>
                            <%@ include file="/common/page.jsp" %>
                        </div>
                    </div>
                </div>
            </div>

        </div>

        <%@ include file="/common/footer.jsp" %>

    </div>

</div>

<%@ include file="/common/scripts.jsp" %>
<%@ include file="/common/script/cxcalendar.jsp" %>



</body>

